<script setup>
import { ref,reactive,computed,watch,watchEffect,onMounted,nextTick} from "vue";
import Zoom from "../zoom/zoom.vue";
const props=defineProps({
	type:{
		type:String,//default|affirm|delete
		default:"default",
	}
})
const emits=defineEmits([])

</script>


<template>
	<div class="header">
		<slot name="logo"></slot>
		<div class="content">
			<slot></slot>
		</div>
	</div>
</template>


<style scoped>
.header{
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    align-items: center;
	height: 50px;
	line-height: 50px;
	padding: 0 1em;
	box-shadow: 1px 1px 5px 0px #00000045, 1px 1px 0px 1px #ffffff7a;
    z-index: 1;
    position: relative;
}
</style>